<template>
  <div id="app">
    <h2>具名插槽</h2>
    <!-- 具名插槽的基本使用 -->
    <pannel-more>
      <template v-slot:title>
        <em>一级管理</em>
      </template>
      <template v-slot:content>
        <div>一级管理1</div>
        <div>一级管理2</div>
      </template>
    </pannel-more>
    <!-- v-slot:简写为# -->
    <pannel-more>
      <template #title>
        <em>二级管理</em>
      </template>
      <template #content>
        <div>二级管理1</div>
        <div>二级管理2</div>
      </template>
    </pannel-more>
  </div>
</template>

<script>
import PannelMore from "./components/PannelMore.vue";
export default {
  name: "App",
  components: { PannelMore },
};
</script>

<style>
</style>
